.nav-bar-cat {
  margin-left: 280rpx;
  font-size: 35rpx;
}

.selcet-banner {
  width: 500rpx;
  display: flex;
  justify-content: space-around;
  font-size: 35rpx;
  margin: 10rpx 0;
}

.selcet-box {
  padding: 10rpx 20rpx;
  background-color: #ffffff;
}

.category {
  width: 500rpx;
  display: flex;
  justify-content: space-around;
  font-size: 40rpx;
}

.selcet-banner {
  display: flelx;
}

.navView {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 20rpx;
}
.menu-icon {
  width: 70rpx;
  height: 70rpx;
}

.goods_area {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.goods_box {
  width: 350rpx;
  display: flex;
  flex-direction: column;
  border-radius: 10rpx;
  background-color: #ffffff;
  margin-left: 15rpx;
}
.goods_box image {
  width: 350rpx;
  height: 350rpx;
}
.goods_title {
  font-size: 35rpx;
}
.goods_price {
  font-size: 25rpx;
  color: red;
  display: flex;
}
.price_tip {
  font-size: 35rpx;
}
.price_main {
  font-size: 40rpx;
}
.price_dot {
  font-size: 30rpx;
  align-self: flex-end;
}
.goods_tip {
  width: 105rpx;
  height: 40rpx;
  line-height: 40rpx;
  background-color: #f5e8e6;
  align-self: flex-end;
  margin-left: 20rpx;
}
.goods_old_price {
  color: #89898a;
  text-decoration: line-through;
}
.storeName {
  font-size: 26rpx;
  font-weight: 400;
  color: #ffffff;
  line-height: 98px;
  margin-left: 10rpx;
  margin-right: 10rpx;
  margin-top: -4rpx;
}

.video-area {
  display: flex;
  justify-content: center;
  margin-top: 260rpx;
}
.no-data {
  width: 300rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no-data-img {
  width: 300rpx;
  height: 260rpx;
}
.no-data-desc {
  font-size: 35rpx;
  color: #89898a;
  text-align: center;
}
.cabinetName {
  height: 30rpx;
  background: #ffffff50;
  border-radius: 5rpx;
  padding: 0px 10rpx;
  font-size: 22rpx;
  font-weight: 400;
  color: #ffffff;
  margin-right: 10rpx;
}

.searchView {
  z-index: 10;
  padding: 0px 20rpx;
}

.tabView {
  display: flex;
  justify-content: space-around;
  background-color: #fff;
}

.tabMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15rpx 20rpx;
  font-size: 35rpx;
  font-weight: 400;
  color: #00000;
}

.tabLine {
  margin: 10rpx 0;
  width: 35rpx;
  height: 6rpx;
  background: #0f76bc;
  border-radius: 3rpx;
}

.bannarView {
  display: flex;
  flex-direction: column;
  margin: 10rpx 20rpx;
}

.menuView {
  display: flex;
  flex-direction: column;
  margin: 0px 20rpx;
  margin-top: 20rpx;
  background: #ffffff;
  border-radius: 20rpx;
  overflow: hidden;
  padding: 15rpx 0px;
}

.menuText {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 10rpx;
}
